Python django搭建layui提交表单,表格,图标的实例 | 您所在的位置:网站首页 › python word表格操作 › Python django搭建layui提交表单,表格,图标的实例 |
Python django搭建layui提交表单,表格,图标的实例
利用layui制作与众不同的感谢表单,表格 layui极大的提高了前端开发效率,它极具个性的样式等等都非常吸引人,接下来我将为大家展示如何利用Python的django框架与layui制作极富个性的表单与数据表格 注:忽略创建项目,配置文件,若这部分内容不太明白,参考教你使用Django搭建一个基金模拟交易系统,里面会教你从项目创建到最终运行的完整流程。 第一步:在templates目录下新建一个index.html文件(文件内容根据自己的业务需求在layui官网复制即可),同时改变其布局只需将form标签放到一个自定义div内,若要更改其标签颜色只需将内置的背景色CSS类添加到lable标签class即可,如: 赤色:class=”layui-bg-red” 橙色:class=”layui-bg-orange” 墨绿:class=”layui-bg-green” 藏青:class=”layui-bg-cyan” 雅黑:class=”layui-bg-black” layui 表单集合练习 {# #} {# 方框风格的表单集合 #} {% csrf_token %} 标题 用户名 手机号码 邮箱地址 立即提交 重置 layui.use('form', function(){ var form = layui.form; //自定义验证规则 form.verify({ title: function(value){ if(value.length < 5){ return '标题至少得5个字符啊'; } } }); });第二步:在templates目录下新建一个table.html文件用于接收用户提交数据 layui 表格练习(用户提交数据) 标题 用户名 手机号码 邮箱地址 {{ title }} {{ username }} {{ phone }} {{ email }}第三步:在views里定义如下函数,index用于显示首页信息,get_mas用户接收用户提交同时返回数据 from django.shortcuts import render from django.http import HttpResponse def index(request): return render(request, 'index.html') def get_mas(request): if requesthod == "POST": title = request.POST['title'] username = request.POST['username'] phone = request.POST['phone'] email = request.POST['email'] return render(request, 'table.html', {'title': title, 'username': username, 'phone': phone, 'email': email}) else: return HttpResponse('非法操作!')第四步:定义路由 from django.contrib import admin from django.urls import path from django.conf.urls import url from web import views urlpatterns = [ path('admin/', admin.site.urls), url(r'^$', views.index), url(r'^get_mas/$', views.get_mas), ]实现效果图如下: 表单: 以上这篇Python django搭建layui提交表单,表格,图标的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持来客网。 |
CopyRight 2018-2019 实验室设备网 版权所有 |